<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>2.CSS3有哪些新增特性</title>
</head>
<body>
  <!--
    CSS3有哪些新增特性?
    border-radius：圆角
    border-image：边框图片
    transform：2d、3d变换（translate移动，scale缩放，rotate旋转，skew）
    transform-origin：
    transition：过渡动画
    animation：自定义动画
    @Keyframes规则
    pointer-events
    box-sizing：盒子尺寸
    box-shadow：盒子阴影
    text-shadow：文字阴影
    background-clip：背景绘制区域
    background-origin：背景定位
    background-size：背景尺寸
    linear-gradient：线性渐变
    radial-gradient：径向渐变
    word-break：文字换行
    word-wrap：
    text-outline
    text-justify
    flex：弹性盒子
    grid：栅格布局
    @media：多媒体查询


   -->
</body>
</html>
